@import "scss/base";
@import "scss/weui";
@import "scss/common";
@import "scss/widgets";
@import "scss/iteration/iteration";

//~ 公共模块
//page
page {
  background: $pageBgColor;
  min-height: 100%;
  line-height: 1.2;
  color: $basicFontColor;
  font-size: rpx(14);
  padding-top: rpx($screenTopNavHeight);
  padding-bottom: rpx($screenBtmHeight);
  @include boxSiz;
}

//custom navigation
.customNav {
  background: $backgroundColor;
  height: rpx($screenTopNavHeight);
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: $zidxCustNav;
}
.customNav--X {
	height: rpx($screenTopNavHeightX);
}
.IPX-holder {
	height: rpx($screenTopHeightX - $screenTopHeight)
}
.customNav__style--share{
  background: $backgroundColor
}


.customNav__style--stand {
  background: $bodyBgColor
}

.customNav__style--1 {
  background: $bodyBgColor;
}


.customNav__topbar {
  height: rpx($screenTopHeight);
  width: 100%;
}
.customNav__topbar--X {
	height: rpx($screenTopHeightX);
}

.customNav__navbar {
  height: rpx($screenNavHeight);
  line-height: rpx($screenNavHeight);
  width: 100%;
  position: relative;
}

.customNav__midpart {
	text-align: center;
	height: 100%;
	width: 50%;
	margin: 0 auto;

}

.customNav__tit {
	display: inline-block;
  @include fc($navFontSize, $mainTitColor);
  font-weight: bold;
  height: rpx($screenNavHeight);
  line-height: rpx($screenNavHeight);
  @include lineNum(1)

}

.customNav__tit--stand {
  @include fc($navFontSize, $mainTitColor);
}

.customNav__tit--arrow {
  //display: inline-block;
  margin-left: rpx(5);
  margin-bottom: rpx(2);
  @include wh(12.5, 7.5);
  @include norepBg("darrow.png", 4)
}

.customNav__ltpart {
	position: absolute;
  top: 0;
  left: 0;
  min-width: 20%;
  height: rpx($screenNavHeight);
  line-height: rpx($screenNavHeight);
  margin-left: rpx(10);

}

.customNav__ltpart--0 {
	display: none;
}

.customNav__ltpart--2 {
  @include dispFlex;
	width: 60%;
  white-space: nowrap;

}

.customNav__lttxt {
	margin-left: rpx(4);
	@include fc(17, $mainTitColor);
}

.customNav__lttxt--2 {
	margin-left: rpx(10);
	@include fc(22, $mainTitColor);
  @include lineNum(1);
  display: block;
  max-width: 80%;
}

.customNav__lttxt--stand {
  @include fc(22, $fontWhiteColor !important);
}

.customNav__lticon {
	margin-bottom: rpx(-2.5);
}

.customNav__lticon--1 {
  @include norepBg("back.png", 4);
  @include wh(10.5, 18.5);
}

.customNav__lticon--2 {
  position: relative;
  top: rpx(-2);
  @include norepBg("qieh.png", 2);
  @include wh(20, 21);
  margin-left: rpx(5);
  margin-bottom: rpx(-2.5);

}

.customNav__lticon--3 {
  @include norepBg("sdb-wo.png", 4);
  @include wh(18, 18);
}

.customPage {
  width: 100%;
}

.customSheet {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: $pageBgColor;
  @include fc(16, $basicTitColor);
  z-index: $zidxPopout;
}

.customSheet--block {
	display: block;
}

.customSheet--show {
	-webkit-transform: translateY(0);
  -webkit-animation-name: slideinfrombottom;
  -webkit-animation-duration: 250ms;
  -moz-transform: translateY(0);
  -moz-animation-name: slideinfrombottom;
  -moz-animation-duration: 250ms;
  transform: translateY(0);
  animation-name: slideinfrombottom;
  animation-duration: 250ms;
}

.customSheet--hide {
  -webkit-transform: translateY(100%);
  -webkit-animation-name: slideouttobottom;
  -webkit-animation-duration: 200ms;
  -moz-transform: translateY(100%);
  -moz-animation-name: slideouttobottom;
  -moz-animation-duration: 200ms;
  transform: translateY(100%);
  animation-name: slideouttobottom;
  animation-duration: 200ms;
}

.customSheetMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	display: none;
	z-index: $zidxMask;
}

.customSheetMask--show {
	display: block;
}

.customSheet__content {
	margin-bottom: rpx(5);
	background: #FFF;
  max-height: 500 rpx;
}

.customSheet__item {
	height: rpx(44);
  line-height: rpx(44);
  padding: 0 rpx(15);
  border-bottom: rpx(.5) solid $lineColor;
}

.customSheet__item:last-child {
  border-bottom: none;
}

.customSheet__cancel {
	background: #FFFFFF;
	text-align: center;
	height: rpx(44);
	line-height: rpx(44);
}

.page__view, .page__body {
  background: $bodyBgColor;
}

.page__body {
	line-height: 1.6
}

//common
.p--center {
  text-align: center;
}

.placeholder {
  font-size: rpx(14);
  line-height: rpx(22);
}

.input-placeholder {
  @include fc(14, $mainTxtColor)
}

//section
.common::before {
  display: inline-block;
  content: '*';
  @include fc(16, $redColor);
  position: relative;
  top: rpx(4);
  margin-right: rpx(5);
}

.common--a::after {
  display: inline-block;
  content: '*';
  @include fc(16, $redColor);
  position: relative;
  top: rpx(4);
  margin-left: rpx(5);
}

.down__arrow, .down__arrow--a, .down__arrow1, .down__arrow1--a {
  width: auto;
  line-height: rpx(25);
}

.down__arrow::after, .down__arrow1::after {
  display: inline-block;
  content: ' ';
  position: relative;
  top: rpx(5);
  @include wh(18, 18);
  @include norepBg('zhank.png');
  transition: all 0.8s ease
}

.down__arrow--a:after, .down__arrow1--a:after {
  display: inline-block;
  content: ' ';
  position: relative;
  top: rpx(3);
  @include wh(18, 18);
  @include norepBg('zhank.png');
  transform: rotate(180deg);
  transition: all 0.8s ease

}

.down__arrow1::after, .down__arrow1--a:after {
  @include norepBg('zhank-h.png');
}

//最近搜索列表
.search-liBox {
  padding: 0 rpx(15);
  background: $bodyBgColor;
}

.search-li {
  @include dispFlex;

}

.search__tit {
  @include dispFlex;
  @include fc(14, $mainTxtColor);
  line-height: rpx(44);
  height: rpx(44);
}

.search__tit-l {
  @include boxFlex;
}

.search__it {
  @include fc(16, $basicTextColor);
  margin-right: rpx(5);
  margin-bottom: rpx(5);
  line-height: rpx(30);
  padding: 0 rpx(5);
  height: rpx(30);
  min-width: rpx(55);
  @include borderRadius(rpx(3));
  background: $pageBgColor;
  text-align: center;
}

//空列表、空页面样式
.empty-list {
  width: 100%;
  height: 100%;
  padding: rpx(100) 0;
  text-align: center;
  background-color: $bodyBgColor;
}

.empty-img, .empty-img1, .empty-img2 {
  display: inline-block;
  @include wh(100, 100);
  @include norepBg('img-ms.png');
  margin-bottom: rpx(10)
}

.empty-img1 {
  @include norepBg('img-kong.png');
}

.empty-img2 {
  @include norepBg('kong1.png', 2);
}

.empty-txt {
  line-height: rpx(28);
  @include fc(14, $basicTipColor);
  padding: 0 rpx(15);
}

.empty-btn {
  background: $backgroundColor;
  @include wh(219, 44);
  margin: rpx(10) auto;
  line-height: rpx(44);
  text-align: center;
  @include fc(17, $basicTextColor);
  @include borderRadius(rpx(5))
}

.empty-row {
  width: 100%;
  line-height: rpx(28);
  @include fc(14, $basicTipColor);
  text-align: center
}

.empty-con {
  margin-top: rpx(20);
  margin-bottom: rpx(20)
}

//tab切换栏
.nav {
  padding: rpx(7) 0;
  background: $backgroundColor;
  position: relative;
  z-index: $zidxPopContent + 1;

  text-align: center;
}

.nav__li {
  width: 60%;
  margin: 0 auto;
  @include dispFlex;
  border: rpx(1) solid $basicTextColor;
  @include borderRadius(rpx(5))
}

.nav__it {
  @include boxFlex;
  @include wh(110, 28);
  line-height: rpx(28);
  @include fc(15, $basicTextColor);
  text-align: center;
  border-right: rpx(.5) solid $basicTextColor;
}

.nav__it:last-child {
  border-right: 0
}

.nav__it--a {
  @include boxFlex;
  @include wh(110, 28);
  line-height: rpx(28);
  @include fc(15, $backgroundColor);
  background: $basicTextColor;
  position: relative;
}

.nav-mess::after {
  display: inline-block;
  content: '';
  position: relative;
  top: rpx(-7);
  @include wh(10, 10);
  @include norepBg("point.png")
}

//导航栏
.navBar, .navBar1 {
  background: $bodyBgColor;
  @include dispFlex;
  padding: 0 rpx(7);
  border-bottom: rpx(.5) solid $borderColor
}

.navBar__it, .navBar__it--a {
  position: relative;
  @include boxFlex;
  @include fc(15, $mainTxtColor);
  text-align: center;
  padding: rpx(11) 0
}

.navBar__it--a {
  color: $mainTitColor
}

.navBar__it--a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: rpx(3);
  background: $backgroundColor;
}

.navBar__it1 {
  @include fc(16, $basicTipColor);
  text-align: center;
  padding: rpx(11) 0
}

.navBar__it1--a {
  @include boxFlex;
  @include fc(15, $basicTextColor);
  text-align: center;
  padding: rpx(11) 0;
  font-weight: bold;
  border-bottom: rpx(3) solid $backgroundColor
}

.popBox {
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: $zidxPopFixed;
  width: 75%;
  background: #FCFCFC;
  @include formTranslate(translate(-50%, -50%));
  @include borderRadius(rpx(5));
  overflow: hidden;
  min-height: rpx(240);
  max-height: rpx(280);
  @include fc(16, $basicTipColor)
}

//通用title (右侧有关闭按钮)
.pop-title {
  position: relative;
  background: $pageBgColor;
  text-align: center;
  @include fc(16, $mainTitColor);
  padding: rpx(10) rpx(15)
}

.pop-tit {
  text-align: center;
  @include fc(18, $mainTitColor);
  font-weight: bold;
  padding: rpx(10) rpx(15)
}

.pop-tit1 {
  @include fc(14, $mainTitColor);
  @include lineNum(2);
  line-height: rpx(24);
  @include boxOrient(horizontal);
  padding: 0 rpx(15) rpx(10) rpx(15)
}

.pop-tit-normal {
  padding: rpx(10) rpx(12);
  @include fc(16, $mainTitColor);
  line-height: rpx(22);
}

.pop-con {
  margin: 0 rpx(12)
}

.pop-con__it {
  @include dispFlex;
  padding: rpx(5) 0;
  @include fc(16, $basicFontColor);
  line-height: rpx(20)
}

.pop-foot {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: rpx(44);
  line-height: rpx(44);
  z-index: $zidxNav;
  background: #FCFCFC;
  @include boxSiz
}

.pop-btn {
  @include boxFlex;
  text-align: center;
  @include fc(18, $basicFontColor)
}

.pop-btn1 {
  text-align: center;
  @include fc(18, $basicTipColor)
}

.pop-btn2 {
  text-align: center;
  background: $backgroundColor;
  @include fc(18, $basicTextColor);
  font-weight: bold;
}

.pop-scroll {
  height: rpx(134)
}

.ex-scroll {
  height: 80%
}

.pop-ex {
  position: absolute;
  z-index: 5001;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff
}

.pop__it {
  @include dispFlex;
  @include fc(15, $basicTipColor);
  padding: rpx(10) rpx(15) rpx(10) 0;
  border-bottom: rpx(.5) solid $borderColor;
}

.pop__it:last-child {
  border-bottom: 0
}

.pop__it-l {
  @include fc(15, $basicTipColor);
}

.pop__it-r {
  @include boxFlex;
  @include dispFlex;
  @include fc(15, $mainTitColor);
  padding-left: rpx(10);

}

.pop-label {
  @include dispFlex;
  @include boxFlex;
}

.pop-label__txt {
  padding-left: rpx(5)
}

.pop__it-input {
  @include boxFlex;
  padding-left: rpx(10);
}

.pop-close {
  position: absolute;
  top: rpx(8);

  right: rpx(10);
  display: inline-block;
  @include wh(24, 24);
  @include norepBg('pop-close.png', 2);
}

.pop-cell {
  @include fc(15, $mainTitColor);
}

.pop-cell__it {
  @include fc(15, $mainTitColor);
  line-height: rpx(24);

}

.pop-tips {
  @include fc(15, $basicTipColor);
}

.pop-tip__tit {
  line-height: rpx(22);
}

.pop-tip__txt {
  line-height: rpx(18);
}

